<template>
	<div class="mysearch">
		<myheader :title="title"></myheader>
		<div class="search">
			<div class="search-img"><img src="../../../static/lxb/search.png"/></div>
			<div class="search-input"><input type="text" placeholder="请输入小区/商圈/地铁"/></div>
			<div class="search-right" @click='back'>取消</div>
		</div>
	</div>
	
</template>

<script>
	import myheader from '@/components/public/myheader'
	
	export default {
		name: "mysearch",
		data() {
			return {
				
				title: '',
				type: ''
			}
		},
mounted:function() {
			//判读是否登陆了
			if(localStorage.getItem("nameid")==null||localStorage.getItem("nameid")==undefined||localStorage.getItem("nameid")==""){
				this.$router.push({
					name:'login'
				});
			}
			else{
				
			}
		},
		components: {
			myheader,
			
		},
		methods:{
			back(){
				this.$router.go(-1);

		}
		}
	}
</script>

<style scoped="scoped">
  .search{
  	width: 100%;
  	height: 0.6rem;
  	border-bottom: 1px solid gainsboro;
  	border-top: 1px solid gainsboro;
  }
  .search>div{
  	float: left;
  }
  .search-img{
  	width: 0.4rem;
  	height: 0.4rem;
  	margin-top: 0.1rem;
  }
  .search-img>img{
  	width: 100%;
  	height: 100%;
  }
  .search-input{
  	width: 4.5rem;
  	height: 0.5rem;
  	font-size: 0.16rem;
  	margin-left: 0.2rem;
  	margin-top: 0.05rem;
  }
  .search-input>input{
  	width: 100%;
  	height: 100%;
  	border: 0;
  }
  .search-right{
  	width: 0.75rem;
  	height: 0.6rem;
  	text-align: center;
  	line-height: 0.5rem;
  	font-size: 0.16rem;
  	color: #9399a5;
  	margin-top: 0.05rem;
  }
</style>